<div class="modal fade" aria-labelledby="myModalLabel" aria-hidden="true" id="more">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <!-- 模态框头部 -->
            <div class="modal-header">
                <h4 class="modal-title">标引主题词列表</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <!-- 模态框主体 -->
            <div class="modal-body">
                <div class="container" style="min-height: 500px;max-height: 500px;">

                    <div class="row txtTitle">
                        <input type="text" class="input_style" placeholder="请输入主题词名称" name="searchDataMore"  [(ngModel)]="searchDataMore" (input)="changesearch()" (keyup.enter)="changesearch()">
                        <span class="btn btn-search btn-blue" (click)="searchMore()">检索</span>

                        <button class="btn btn-orange mat-button"
                                data-toggle="modal"
                                [disabled]="removeTableService?._isEmpty()"
                                data-target="#delete"
                                *ngIf="internalParam.completeStatus != '1'"
                        >删除</button>

                    </div>
                    <!--<div class="col-lg-8 col-md-8 col-sm-8 tab1-title-check01">-->
                        <!--<label>标引主题词</label><input [(ngModel)]="internalModalMore" type="checkbox" class="form-control input_style"/><span>展开/关闭相关主题词</span>-->
                    <!--</div>-->
                    <ng-container *ngIf="currentType != 2">
                    <div class="table-thead" *ngIf="tabVal">
                        <table class="tableStyle table table-hover table-striped">
                            <thead>
                            <tr>
                                <th class="w10 text-left max-w">序号</th>
                                <th class="w20 text-left max-w">主题词</th>
                                <th class="w20 text-left max-w">标引人</th>
                                <th class="w20 text-left max-w">标引时间</th>
                                <!--<th class="w20 text-left max-w">相关主题词</th>-->
                                <th class="w30 text-left max-w">操作</th>

                            </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="table-tbody" style="max-height: 400px;overflow-y: scroll;">
                        <table class="tableStyle table table-hover table-striped">
                            <tbody>
                            <ng-container *ngFor="let val of tabVal;let i = index">
                            <tr>

                                    <td class="w10 text-left max-w">{{ i + 1 }}</td>
                                    <td class="w20 text-left max-w">{{ val.themeWordsName }}</td>
                                    <td class="w20 text-left max-w">{{ val.createBy }}</td>
                                    <td class="w20 text-left max-w">{{ val.createTime | date:'yyyy-MM-dd HH:mm:ss' }}</td>
                                    <!--<td class="w20 text-left max-w"><span data-target="#viewRelTheme" data-toggle="modal" (click)="_info(val);" class="tableOperationText">相关主题词</span></td>-->
                                    <td class="w30 text-left max-w">
                                        <span *ngIf="val.checkStatus == 200" class="TC-state TC-right-foot-green01">已审核</span>
                                        <span *ngIf="val.checkStatus == 0" class="TC-state TC-right-foot-orange">未审核</span>
                                        <span *ngIf="val.checkStatus == -1" class="TC-state TC-right-foot-orange">不通过</span>
                                        <span title="删除" *ngIf="internalParam.completeStatus != '1' && val.checkStatus != 200" (click)="_delete([val.id],val.themeWordsId)" class="tableOperationText"><img class="PI-table-img" src="assets/indexing/del01.png"/></span>
                                    </td>

                            </tr>
                            <ng-container *ngIf="internalModalMore == true">
                                <ng-container *ngFor="let relVal of val.relationThemeWordsList">
                                    <tr>
                                        <td colspan="6">{{ relVal.relThemeWordsName }}</td>
                                    </tr>
                                </ng-container>
                            </ng-container>
                            </ng-container>
                            </tbody>
                        </table>
                    </div>
                    </ng-container>
                    <ng-container *ngIf="currentType == 2">
                        <div class="table-thead" *ngIf="tabVal">
                            <table class="tableStyle table table-hover table-striped">
                                <thead>
                                <tr>
                                    <th class="w10 text-left max-w">序号</th>
                                    <th class="w20 text-left max-w">主题词</th>
                                    <th class="w20 text-left max-w">标引人</th>
                                    <th class="w20 text-left max-w">标引时间</th>
                                    <!--<th class="w20 text-left max-w">相关主题词</th>-->
                                    <th class="w30 text-left max-w">操作</th>

                                </tr>
                                </thead>
                            </table>
                        </div>
                        <div class="table-tbody" style="max-height: 400px;overflow-y: scroll;">
                            <table class="tableStyle table table-hover table-striped">
                                <tbody>
                                <ng-container *ngFor="let val of tabVal;let i = index">
                                    <tr>

                                        <td class="w10 text-left max-w">{{ i + 1 }}</td>
                                        <td class="w20 text-left max-w">{{ val.relThemeWordsName }}</td>
                                        <td class="w20 text-left max-w">{{ val.createBy }}</td>
                                        <td class="w20 text-left max-w">{{ val.createTime | date:'yyyy-MM-dd HH:mm:ss' }}</td>
                                        <!--<td class="w20 text-left max-w"><span data-target="#viewRelTheme" data-toggle="modal" (click)="_info(val);" class="tableOperationText">相关主题词</span></td>-->
                                        <td class="w30 text-left max-w">
                                            <span *ngIf="val.checkStatus == 200" class="TC-state TC-right-foot-green01">已审核</span>
                                            <span *ngIf="val.checkStatus == 0" class="TC-state TC-right-foot-orange">未审核</span>
                                            <span *ngIf="val.checkStatus == -1" class="TC-state TC-right-foot-orange">不通过</span>
                                            <span title="删除" *ngIf="internalParam.completeStatus != '1' && val.checkStatus != 200" (click)="_deleteRel([val.relationId])" class="tableOperationText"><img class="PI-table-img" src="assets/indexing/del01.png"/></span>
                                        </td>
                                    </tr>
                                    <ng-container *ngIf="internalModalMore == true">
                                        <ng-container *ngFor="let relVal of val.relationThemeWordsList">
                                            <tr>
                                                <td colspan="6">{{ relVal.relThemeWordsName }}</td>
                                            </tr>
                                        </ng-container>
                                    </ng-container>
                                </ng-container>
                                </tbody>
                            </table>
                        </div>
                    </ng-container>
                </div>
            </div>
            <!-- 分页 BEGIN -->
            <app-pagination [getTotalItems]="this.totalItems" (isLoadTableFromPagination)="isLoadTableFromPaginationHandler($event)"></app-pagination>
            <!-- 分页 END -->
            <!-- 模态框底部 -->
            <div class="modal-footer" style="width:100%;">
                <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
            </div>
        </div>
    </div>
</div>